﻿<%@ Page Title="" Language="C#" MasterPageFile="~/App_SiteMasterPage/Site.Master" AutoEventWireup="true" CodeBehind="DemoUsingJquery.aspx.cs" Inherits="eProject.Web.UI.DemoUsingJquery" %>
<%@ Register src="DemoUsingJqueryControl.ascx" tagname="DemoUsingJqueryControl" tagprefix="uc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="script" runat="server">
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="LeftContent" runat="server">
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="RightContent" runat="server">
    <asp:Panel ID="pnlDatePicker" runat="server">
        <p>Date: <asp:TextBox ID="txtEffectDate" ReadOnly="true" runat="server"></asp:TextBox></p>
    </asp:Panel>
    <!-- Highlight / Error -->
	<h2 class="demoHeaders">Highlight / Error</h2>
	<div class="ui-widget">
		<div class="ui-state-highlight ui-corner-all" style="margin-top: 20px; padding: 0 .7em;">
			<p><span class="ui-icon ui-icon-info" style="float: left; margin-right: .3em;"></span>
			<strong>Hey!</strong> Sample ui-state-highlight style.</p>
		</div>
	</div>
	<br/>
    <div class="ui-widget">
		<div class="ui-state-error ui-corner-all" style="padding: 0 .7em;">
			<p><span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span>
			<strong>Alert:</strong> Sample ui-state-error style.</p>
		</div>
	</div>
    <!-- Button -->
	<h2 class="demoHeaders">Button</h2>
	<div class="demo">

    <button>A button element</button>

    <input type="submit" value="A submit button">

    <a href="#">An anchor</a>

    </div>
    <uc1:DemoUsingJqueryControl ID="DemoUsingJqueryControl1" runat="server" />
    <script type="text/javascript" language="javascript">
        $(function () {
            $("#<%=txtEffectDate.ClientID %>").datepicker({
                dateFormat: "dd/mm/yy",
                minDate: 0,
                showOn: "both",
                buttonImage: "/Images/Icons/calendar.gif",
                buttonImageOnly: true
            });

            $("input:submit, a, button", ".demo").button();
            $("a", ".demo").click(function () { return false; });
        });
    </script>
</asp:Content>
